<#import "../layout/player.html" as com>
<@com.page title="ZingTV" pageId="pageClip" data={'css':'clip/clip-zingtv', 'js':'clip/clip-zingtv',  'ver':'a03'}>
<div id="zclipApp">
	<form role="form" id="searchForm" action="#" method="get" onsubmit="return false;">
	<div class="input-group search-box">
		<span class="input-group-btn"><button class="btn btn-default del-button" type="button">&nbsp;</button></span>
		<input type="text" class="form-control" value="" placeholder="tìm tên clip" autocomplete="off" id="keyword" name="keyword"/>
		<span class="input-group-btn"><input class="btn btn-default go-button" type="submit" value=""/></span>
	</div>
	</form>
	
	<form role="form" id="filterForm" class="filters">
		<div class="btn-group btn-group-justified">
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Mới</span> <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" id="sorts">
					<li><a href="#"><label><input type="radio" name="s" value="new" checked="checked"/><span>Mới</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="s" value="chart"/><span>BXH</span></label></a></li>
				</ul>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Phim Truyền Hình</span> <span class="caret"></span></button>
				<ul class="dropdown-menu dropdown-menu-right" role="menu" id="cats">
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0DW" checked="checked"/><span>Phim Truyền Hình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0CE"/><span>TV Show</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0D6"/><span>Hài Kịch</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0DC"/><span>Âm Nhạc</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0DO"/><span>Hoạt Hình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0D7"/><span>Giáo Dục</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0DI"/><span>Thể Thao</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="id" value="IWZ9Z0CF"/><span>Tin Tức- Sự Kiện</span></label></a></li>
				</ul>
				<input type="hidden" name="page" value="1" id="page"/>
			</div>
		</div>
	</form>
	
	<div id="logbos"></div>
	
	<div>
		<ul class="nav nav-tabs tab-list" role="tablist" id="tabList">
			<li class="active"><a href="#tabClips" role="tab" data-toggle="tab" id="tabClipsButton">Danh sách</a></li>
			<li><a href="#tabInfo" role="tab" data-toggle="tab" id="tabInfoButton">Đang xem</a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="tabClips">
				<div id="clips" class="clearfix clips">
				</div>
				<div id="clipsMore" class="clips-more" style="display:none;">Xem thêm <span class="caret"></span></div>
			</div>
			<div class="tab-pane clip-info" id="tabInfo"></div>
		</div>
	</div>
	
</div>
</@com.page>